body { background:black; }

a { text-decoration:none; color:white; }

div img { width:100%; }

div.footer { width:960px; float:left; background:#123456; }

.container { width:960px; text-align:center; margin: 1% auto; color:white; padding: 1%; }

.menu,.last { background:#123456; height:48px; padding:1.4%; }

li { width:272px; float:left; display:inline; font-size:150%; margin:0%; padding:1% 2%; background:#121212; transition:0.5s; }

li:hover { background:cyan; COLOR:black; }

li:active { background:orange; color:green; }

.section { width:570px; border-radius:5px; height:100px; text-align:justify; font-size:150%; float:left; background-color:red; margin: 0.5% 1% 1% 0%; padding: 1%; } .aside { border-radius:5px; width:340px; height:100px; text-align:justify; float:left; font-size:150%; margin:0.5% 0% 1% 0%; background-color:green; padding: 1%; } @media screen and (max-width:959px) { div img { width:100%; } div.footer { width:100%; float:left; } .container { width:100%; } .section { width:62%; height:30%; } .aside { width:32%; height:30%; } .menu,.last { background:#123456; height:7%; padding:1.4%; } li { width:29.3%; float:left; display:inline; font-size:150%; margin:0%; padding:1% 2%; background:#121212; transition:0.5s; } li:hover { background:cyan; COLOR:black; } li:active { background:orange; color:green; } } @media screen and (max-width:550px) { div img { width:100%; height:32%; } .container { width:98%; } .section { width:100%; height:25%; } .aside { width:100%; height:25%; } .menu,.last { background:#123456; height:21.5%; padding:1.4%; } li { width:95%; border-bottom:0.5%; float:left; display:inline; font-size:150%; margin:0%; padding:1% 2%; background:#121212; transition:0.5s; } li:hover { background:cyan; COLOR:black; } li:active { background:orange; color:green; } } @media screen and (max-width:499px) { div img { width:100%; height:32%; } .container { width:98%; } .section { width:100%; height:32%; } .aside { width:100%; height:30%; } .menu,.last { background:#123456; height:21.5%; padding:1.4%; } li { width:95%; border-bottom:0.5%; float:left; display:inline; font-size:150%; margin:0%; padding:1% 2%; background:#121212; transition:0.5s; } li:hover { background:cyan; COLOR:black; } li:active { background:orange; color:green; } }